﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ClubPage.aspx.cs" Inherits="ClubPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <meta charset="UTF-8"/>
    <meta name="description" content="Specer Template"/>
    <meta name="keywords" content="Specer, unica, creative, html"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet"/>

    <!-- Css Styles -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"/>
    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css"/>
    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css"/>
    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    
        <!-- Page Preloder -->
    <div id="preloder">
        <div class="loader"></div>
    </div>

    <!-- Offcanvas Menu Section Begin -->
    <div class="offcanvas-menu-overlay"></div>
    
    <!-- Breadcrumb Section Begin -->
    <section class="breadcrumb-section set-bg" data-setbg="img/breadcrumb-bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="bs-text">
                        <h2>足坛榜</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcrumb Section End -->

    <!-- Club Section Begin -->
    <section class="club-section spad">
        <div class="container">
            <div class="club-content">
                
            </div>
            <div class="club-tab-list">
                <div class="row">
                    <div class="col-lg-8 m-auto">
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">国家队排行</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">俱乐部排行</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">人气球员排行</a>
                            </li>
                            
                        </ul><!-- Tab panes -->
                        <div class="tab-content">
                            <div class="tab-pane active" id="tabs-1" role="tabpanel">
                                <div class="club-tab-content">
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/be.png" alt="">
                                            <h5>比利时</h5>
                                        </div>
                                        <div class="ci-name">1</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/fr.png" alt="">
                                            <h5>法国</h5>
                                        </div>
                                        <div class="ci-name">2</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/br.png" alt="">
                                            <h5>巴西</h5>
                                        </div>
                                        <div class="ci-name">3 </div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/gb.png" alt="">
                                            <h5>英国</h5>
                                        </div>
                                        <div class="ci-name">4</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/pt.png" alt="">
                                            <h5>葡萄牙</h5>
                                        </div>
                                        <div class="ci-name">5</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/es.png" alt="">
                                            <h5>西班牙</h5>
                                        </div>
                                        <div class="ci-name">6</div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane active" id="tabs-2" role="tabpanel">
                                <div class="club-tab-content">
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/bai.jpg" alt="">
                                            <h5>拜仁慕尼黑</h5>
                                        </div>
                                        <div class="ci-name">1</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/liver.jpg" alt="">
                                            <h5>利物浦</h5>
                                        </div>
                                        <div class="ci-name">2</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/barca.jpg" alt="">
                                            <h5>巴塞罗那</h5>
                                        </div>
                                        <div class="ci-name">3 </div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/huang.jpg" alt="">
                                            <h5>皇家马德里</h5>
                                        </div>
                                        <div class="ci-name">4</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/man.jpg" alt="">
                                            <h5>曼彻斯特联</h5>
                                        </div>
                                        <div class="ci-name">5</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/bali.jpg" alt="">
                                            <h5>巴黎圣日耳曼</h5>
                                        </div>
                                        <div class="ci-name">6</div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane active" id="tabs-3" role="tabpanel">
                                <div class="club-tab-content">
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/messi.jpg" alt="">
                                            <h5>梅西</h5>
                                        </div>
                                        <div class="ci-name">1</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/cluo.jpg" alt="">
                                            <h5>C罗</h5>
                                        </div>
                                        <div class="ci-name">2</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/1000.jpg" alt="">
                                            <h5>范戴克</h5>
                                        </div>
                                        <div class="ci-name">3 </div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/neeymar.jpg" alt="">
                                            <h5>内马尔</h5>
                                        </div>
                                        <div class="ci-name">4</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/1.jpg" alt="">
                                            <h5>德布劳内</h5>
                                        </div>
                                        <div class="ci-name">5</div>
                                    </div>
                                    <div class="ct-item">
                                        <div class="ci-text">
                                            <img src="img/club/ramos.jpeg" alt="">
                                            <h5>拉莫斯</h5>
                                        </div>
                                        <div class="ci-name">6</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Club Section End -->

    

    <!-- Search model Begin -->
    <div class="search-model">
        <div class="h-100 d-flex align-items-center justify-content-center">
            <div class="search-close-switch"><i class="fa fa-close"></i></div>
            <form class="search-model-form">
                <input type="text" id="search-input" placeholder="Search here.....">
            </form>
        </div>
    </div>
    <!-- Search model end -->

    <!-- Js Plugins -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/jquery.slicknav.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/main.js"></script>
    
</asp:Content>

